<template>
    <div class="vip-index" >
        <div class="list plr15 pt12">
            <div  class="item bgc-fff plr20 pt13 pb18 bgc-fff mb12" v-for="(item, i) in list" :key="i">
                <div class="kitbox">
                    <div class=""><img class="img" :src="item.cover" alt=""></div>
                    <div class="flex1 pl10">
                        <div class="c-000 fs-13 pt10">{{item.name}}</div>
                        <div class="c-c9a35d fs-12 pt6">¥{{item.price}}</div>
                        <div class="fs-12 pt6">
                            <span class="c-9a9a9a">通用{{item.common_day}}晚</span>   
                            <span class="c-000 ml15">非周末{{item.work_day}}晚，周末{{item.rest_day}}晚</span>
                        </div>
                    </div>
                </div>
                <div class="kitbox fs-12 pt15">
                    <div class="flex1 tl">
                        <div class="btn"  @click="link('/vip/detail?id='+ item.suitId)">查看详情</div>
                    </div>
                    <div class="flex1 tr ">
                        <div class="btn primiry"  @click="link('/vip/add?id='+ item.suitId)">立即购买</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import cardSuitApi from "@/api/api-cardSuit";
export default {
    name: "orderIndex",
    components: {
        
    },
    data(){
        return {
            list: [],
        }
    },
    watch: {
        
    },
    onShow(){
        
    },
    onLoad(option){
        
    },
    mounted() {
        this.ListCardSuit()
    },
    methods: {
        ListCardSuit(){
            cardSuitApi.ListCardSuit({
                pageIndex: 1,
                pageSize: 999
            }).then(res => {
                res = res.result
                this.list = res.List || []
            })
        }
    }
};
</script>
<style lang="scss" scope>
@import './css/index.scss';
</style>
